<%@ page language="java" import="java.util.*" import="com.AO.DAO.*" pageEncoding="utf8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html  class=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  

    <title>
最近流行的菜单
_下厨房</title>

    <link  href="./files/favicon.ico"  rel="shortcut icon"  type="image/x-icon">
  

<link  href="./files/base.d706c3c6.compress.css"  rel="stylesheet"  type="text/css">



<link  href="./files/other.0b3c792c.compress.css"  rel="stylesheet"  type="text/css">


<style  type="text/css"></style></head>



<body  style="">



<div  class="popup-layer">

  
  <div  class="reveal-modal-bg"></div>
  

  
<div  class="reveal-modal large normal-font"  id="feedbackModal">
  
  <div  class="reveal-modal-title-bar">
    <div  class="reveal-modal-title">意见反馈</div>
    <a  href="javascript:void(0)"  class="close-reveal-modal"  rel="nofollow"></a>
  </div>
  <div  class="reveal-modal-main">
    

  
  
  </div>

</div>


</div>

<div  class="topbar-outer">
  <div  class="topbar-container">
    <div  class="topbar">
      



  <div  class="pure-g">
    <div  class="pure-u-1-6">
      <a  href="/foodfood/AOHomePage..action" class="logo"><img src="./files/logo.png"></a>
    </div>
    <div  class="pure-u-5-6">
      <div  class="pure-g">
        <div  class="pure-u-11-24">
          <form class="search" action="/foodfood/Search.action">
                                 <input type="text" name="keyword" class="typeahead float-left" data-default-text="" value="" placeholder="菜谱、食材">
                                 <input type="hidden" name="type" value="fmf">
                                 <input type="submit" value="搜索" class="button float-left">
                                </form>
        </div>
        <div  class="pure-u-1-3">
          <ul  class="site-nav plain pure-g">
            <li  class="pure-u"><a  href="/foodfood/AOHomePage..action"  data-ga-event="公共页面/导航栏/$text">首页</a></li>
            <li  class="topbar-cats pure-u">
            <a  href="/foodfood/AOMenu..action"  class="block-link"  data-ga-event="公共页面/导航栏/$text"><span>菜谱分类</span></a>
            	<%MaterialFoodTypesDAO dao=new MaterialFoodTypesDAO();
									FoodTypesDAO daof=new FoodTypesDAO();
									List<MaterialFoodTypes>list=dao.findByMaterialFoodTypeLevel(1);
									List<FoodTypes>listf=daof.findByFoodTypeLevel(1); 
									MaterialFoodOfSeasonDAO dao5=new MaterialFoodOfSeasonDAO();
									List<MaterialFoodOfSeason>list5=dao5.findAll();%>
										<div class="topbar-cats-submenu hidden">
											<div class="topbar-cats-submenu-bg">

												<ul class="plain">
													<li class="topbar-cat-head">常用主题</li>
													<% int k=0;for(FoodTypes ft:listf)
								                    {if(k++==8)break;%>
													<li><a
														href="/foodfood/AOFoodMenu.<%=ft.getFoodTypeId() %>.action"
														title="<%=ft.getFoodTypeName() %>菜谱大全" data-ga-event="公共页面/导航栏/$text"><%=ft.getFoodTypeName() %></a>
													</li>
													<%} %>
												</ul>
												<ul class="plain">
												   <li class="topbar-cat-head">常见食材</li>
												   <% k=0;for(MaterialFoodTypes ft:list)
								                    {if(k++==8)break;%>													
													<li><a href="/foodfood/AOMfoodMenu.<%=ft.getMaterialFoodTypeId() %>.action"
														title="<%=ft.getMaterialFoodTypeName() %>做法大全" data-ga-event="公共页面/导航栏/$text"><%=ft.getMaterialFoodTypeName() %></a>
													</li>
												   <%} %>
												</ul>
												<ul class="plain">
													<li class="topbar-cat-head">时令食材</li>
													<%k=0;for(MaterialFoodOfSeason mfos:list5)						    
									               {if(k++==8)break;%>
													<li><a href="/foodfood/AOMfood.<%=mfos.getMaterialFood().getMaterialFoodId() %>.action"
														title="<%=mfos.getMaterialFood().getMaterialFoodName() %>做法大全" data-ga-event="公共页面/导航栏/$text"><%=mfos.getMaterialFood().getMaterialFoodName() %></a>
												   <%} %>
												</ul>
												<div class="topbar-cats-submenu-bottom">
													<a href="/foodfood/AOMenu..action"
														data-ga-event="公共页面/导航栏/$text">查看全部分类</a>
												</div>

											</div>
										</div>
            </li>
            <li  class="pure-u"><a  href="/foodfood/AOFoodInMenuList..action"  data-ga-event="公共页面/导航栏/$text">菜单</a></li>
            
          </ul>
        </div>
        <div  class="pure-u-5-24 clearfix">

           <div class="user-action">
              <%
					String account = (String)session.getAttribute("account");
					String nickname = (String)session.getAttribute("nickname");
					UserDAO userDao = new UserDAO();
					User user = (User)userDao.findByProperty("account", account).get(0);      	
	              	if(nickname!=null)
	           		{
				%>
				<a href="/foodfood/AOCooker.<%=account%>.action"><%=nickname%></a>
				<a onclick="logout()" href="index.jsp">退出</a>
				<%
					}
	               	else
	               	{
				%>
				<a href="register.jsp" data-ga-event="公共页面/导航栏/$text">注册</a> <a
					href="login.jsp" data-ga-event="公共页面/导航栏/$text">登录</a>&nbsp;&nbsp;
				<%
					}
				%>

          </div>
        </div>
      </div>
    </div>
  </div>


    </div>
  </div>
</div>


<div  class="page-outer">
  
  <div  class="page-container">
    
      <div  class="pure-g">
        
        <div  class="pure-u-2-3 main-panel">
          
<div  class="white-bg block">
  <div  class="pure-g">
    <div  class="pure-u-1-4 search-left-nav">
    </div>

    <div  class="pure-u-3-4 search-result-list">
        
  <h1  class="page-title">
    菜单
  </h1>
  <div  class="small-font align-right">
    
  </div>    
<ul  class="list normal-menu-list">
 <%FoodMenuDAO daofm=new FoodMenuDAO();
   List<FoodMenu>listfm=daofm.findAll();
   int i=0;
   int each=4;
   int size=listfm.size()/each;
   if(listfm.size()%each!=0)
    size++;
   for(FoodMenu fm:listfm)
   {
      if(i/each!=0)
      {
     %>
     <li class="showfood<%=(i++/each)+1 %>" style="display:none">
     <%}else{ %>
     <li class="showfood<%=(i++/each)+1 %>">
    <%} %>
<div  class="menu clearfix">
  <div  class="cover">
    <a  href="/foodfood/AOFoodInMenu.<%=fm.getMenuId() %>.action"  class="image-link">
      <img  src="<%=fm.getImg() %>"  data-src="<%=fm.getImg() %>"  alt="<%=fm.getMenuName() %>" style="left:1px;width:106px;height:106px;background-size:106px 106px" class="unveiled">
    </a>
  </div>
  <div  class="desc">
    <p  class="name">
      <a  href="/foodfood/AOFoodInMenu.<%=fm.getMenuId() %>.action"><span  class="ellipsis"><%=fm.getMenuName() %></span></a>
    </p>
    <div  class="stats">
      <p  class="time green-font">
        <%=fm.getFoodFoodMenuRelations().size() %>菜谱
      </p>
        <a  href="/foodfood/AOCooker.<%=fm.getUser().getAccount() %>.action"  class="gray-link"><%=fm.getUser().getNickName() %></a>
        &nbsp;创建&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span  class="n-collects">5262&nbsp;收藏</span>
    </div>
  </div>
</div>

  </li>
<%} %> 
</ul>
  <div  class="pager">
       <a id="pre" name="1" href="javascript:void(0)" onclick="toggle(this)">上一页</a><%for(i=0;i<size;i++){ if(i==0){%>
       <a name="<%=i+1 %>" href="javascript:void(0)" onclick="toggle(this)" class="now">
       <%}else{ %>
       <a name="<%=i+1 %>" href="javascript:void(0)" onclick="toggle(this)">
       <%} %>
       <%=i+1 %></a><%} %><a id="next" name="1" href="javascript:void(0)" onclick="toggle(this)">下一页</a>
  </div>
    </div>
  </div>
</div>

          <div  id="main-panel-bottom"></div>
        </div>
        

        
        <div  class="pure-u-1-3 right-panel">
          
  


  
    						<div class="block block-has-padding white-bg">
							<div class="title-bar">
								<div class="title">流行菜单</div>
								<div class="left-action">
									<a href="/foodfood/AOFoodInMenuList..action">全部</a>
								</div>
							</div>
							<ul class="list">
                             <%FoodMenuDAO dao7=new FoodMenuDAO();
                               List<FoodMenu> list7=dao7.findAll();
                               i=0;
                               for(FoodMenu fm:list7)
                               {
                                 if(i++==9)
                                 break;
                             %>
								<li><a
									href="/foodfood/AOFoodInMenu.<%=fm.getMenuId() %>.action"><span
										class="ellipsis"><%=fm.getMenuName() %></span>
								</a>
								</li>
								<%} %>
							</ul>
						</div>
  


        </div>
        
      </div>
    
  </div>
  
</div>

<div  class="bottom-outer">
  <div  class="bottom-container">
   
  </div>
</div>




  
  <script  type="text/javascript"  src="./files/jquery.min.js"></script>
  


<script  type="text/javascript"  src="./files/2013.anonymous.0a0601dc.compress.js"></script><img  id="scrollTop"  src="./files/scroll_top.png"  style="opacity: 1; position: fixed; width: 50px; height: auto; z-index: 20; border: 0px; padding: 0px; bottom: 20px; right: 20px; margin: 0px; cursor: pointer; display: none;">


<div  id="color_timer"></div>





</body>
<script type="text/javascript">
    function toggle(t)
    {
       clickA=$(t);
       if(clickA.attr("id")=="next")
       {
          if($(".pager a[name="+(clickA.attr("name"))+"]").next().length!=0)
          {
              $(".pager a[name="+(parseInt(clickA.attr("name"))+1)+"]").click();
          }
       }
       else if(clickA.attr("id")=="pre")
       {
          if($(".pager a[name="+(clickA.attr("name"))+"]").prev().length!=0)
          {
              $(".pager a[name="+(parseInt(clickA.attr("name"))-1)+"]").click();
          }
       }
       else
       {
       clickA.attr("class","now");
       clickA.siblings().attr("class","");
       $(".showfood"+clickA.attr("name")).css("display","block");
       for(i=0;i<<%=size %>;i++)
       {
          if(i+1!=clickA.attr("name"))
            $(".showfood"+(i+1)).css("display","none");
       }
       $("#pre").attr("name",clickA.attr("name"));
       $("#next").attr("name",clickA.attr("name"));
       }
    }

</script>
</html>
